<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/templates/plantilla1.xhtml">

    <ui:define name="contenido">

        <h:form id="formListarPerfiles">

            <h3>Lista de perfiles</h3>
            
            <p:dataTable id="perfilTable" var="p" value="#{gestionarPerfilesBean.perfilList}" paginatorAlwaysVisible="false"
                 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                 paginatorPosition="bottom" paginator="true" rows="5" rowKey="#{p.idPerfil}"  >
            
                <p:column selectionMode="single" />
                
                <p:column headerText="NOMBRE" sortBy="#{p.nombre}">
                    <h:outputText value="#{p.nombre}" />
                </p:column>
                
                <p:column headerText="ACCIONES">
                    <p:commandLink title="editar" 
                           styleClass="ui-icon ui-icon-pencil"
                           ajax="false" 
                           action="#{gestionarPerfilesBean.irEditar(p)}" 
                           immediate="true" /> 
                    
                </p:column>

            </p:dataTable>
            
            <div class="botonera">
                
                <p:commandButton value="Nuevo Perfil" 
                           ajax="false" 
                           action="#{gestionarPerfilesBean.irEditar(null)}" 
                           immediate="true" />
                
                <p:commandButton value="Salir modulo" action="salir" immediate="true" ajax="true" />
            </div>
            
        </h:form>

    </ui:define>
</ui:composition>